#login {
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
#login .nav {
  width: 100%;
  height: 150px;
  background: url("../image/login/logo6.png") no-repeat;
  background-size: contain;
}
#login .content {
  width: 100%;
  height: 600px;
  background: url("../image/login/loginbg.png") no-repeat;
  background-size: contain;
}
#login .login {
  width: 360px;
  height: 460px;
  float: right;
  box-shadow: 0 0 10px #1f5d5f;
}
#login .header {
  display: flex;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 25px;
  color: #1f5d5f;
}
#login .header span {
  display: block;
  flex: 1;
  height: 80px;
  text-align: center;
  cursor: pointer;
}
#login .nice {
  width: 400px;
  height: 60px;
  margin-left: -20px;
  background-color: #1f5d5f;
  line-height: 60px;
  color: white;
  font-size: 20px;
  text-align: center;
}
#login .form {
  width: 80%;
  margin: 0 auto;
  padding-top: 50px;
}
#login .footer {
  width: 100%;
  height: 150px;
  background-color: #e8eeed;
  text-align: center;
}
#login .footer .public {
  padding-top: 10px;
}
#login .footer .pic {
  padding-top: 10px;
}
#login .active {
  color: #7bfff5;
}
